QUESTIONNAIRE
by Christine Chung
  1. Describe your previous experiences with coding. What classes have you already taken where you were exposed to HTML/CSS/JS? What parts of the class resonated with you? What parts were most confusing?
    2. I have taken AP computer science course in high school that introduced me to javascript for a bit, last semester, I have taken "Digital Dev: Creative Machine Learning" elective that introduced me to Python, AI, ML, and I also took the Core 1 Interaction class. However, besides the Interaction class, I never learned how to web design so it is still all very new to me. I found it interesting to be able to translate computer languages into a visual structure of a website that has an endless possibilities of incorporating interactive elements as well. However, the parts that were the most confusing were how to create a grid/box system that follows my initial design and resizing the visual elements.

  2. How excited about learning code are you? Are you nervous about learning code? If so, why? What can I do in this class to help reduce this anxiety?
    3. I am very excited to learn coding as I believe design and technology is the future of creativity. I am not nervous to learn code, as I will put in my most effort to learn.

  3. How do you imagine coding fitting in with the rest of your design curriculum and career after college?
    4. I believe coding will open doors to emerging technologies and designing innovatively dealing with algorithms, problem-solving, and UI/UX.

  4. What text editor do you prefer to use?
    5. Visual Studio Code

  5. Have you used GitHub before? Do you know what it is? Describe your understanding of GitHub.
    6. I have for my Creative ML elective and Interaction 1 to write, share, read codes, and also to create a repository for my website to be shared to the public.

  6. Describe the relationship between HTML, CSS and JavaScript. Try using a unique analogy to describe this relationship. Bonus points for creative analogies.
    7. HTML is like the human bones, it's the base structure that is necessary to create pages of the web. CSS is like the human skin, it's covers on top of the bones. It's what makes every website have a unique style with different colors, typeface, how the content is displayed. Javascript is the human actions, it allows dynamic actions to be done with the elements on the web.

  7. Using each HTML heading tag, list your favorite foods ranked by importance (remember, there are six levels of heading tags, `h1` through `h6`).

    8. Seafood

    Steak

    Raspberry

    Cake

    Yogurt drink


  8. Create an unordered list ( `ul` ) and link to some of your favorite graphic design or development related websites. Include a paragraph ( `p` ) on each site describing why it is important to you.

    9. It's a dreamy and dynamic website for an artist named Mac Miller with interactive elements such as typing your name and location, and the background moving up and down following the user's cursor.

    It's an interactive website that simulates the cider making process with the user interacting by clicks and pressing on the keyboard.

    The website is created to raise awareness of the extinction of animals due to human intervention. It's a CSS based interactive exhibition with smooth animations for each click.



  9. Insert an image (`img`) that brings you joy to the page. Make sure the image includes `alt text` that describes the image.
    10. Cute baby orangutan with arms crossed

  10. Insert a video embed into the page (for example, a YouTube or Vimeo embed tag of a video of your choosing).


  11. Nest the following series of HTML tags inside each other, where each → represents a new level. Make sure to maintain proper indentation.


  12. Create an ordered list of the top 5 countries you’d like to visit. Within each country, create another ordered list of the top cities you’d like to visit in that country. Maintain proper indentation and make sure you nest your ordered lists properly.
    1. England
      1. London
      2. Cardiff
      3. Manchester
      4. Edinburgh
      5. Liverpool
    2. Japan
      1. Osaka
      2. Yamanashi
      3. Okinawa
      4. Kyoto
      5. Tokyo
    3. Thailand
      1. Bangkok
      2. Chiang Mai
      3. Koh Samui
      4. Phi Phi Islands
      5. Krabi
    4. Portugal
      1. Lisbon
      2. Porto
      3. Coimbra
      4. Sintra
      5. Cascais
    5. Greece
      1. Athens
      2. Thessaloniki
      3. Kastoria
      4. Ioannina
      5. Kalamata


  13. Use `pre` tags to create a simple [concrete poetry](https://en.wikipedia.org/wiki/Concrete_poetry) version of a Haiku or other poem you write. The poem should represent how you feel at this moment. 
    14. I am listening to a                 song
                
    with a                          fasttempo
                
    but now the song just skipped
                
    to a 
                
                                 s  l         o          w                  song


  14. Write an HTML comment that is hidden from the browser, but displays in the code.
  15. Create an unordered list of at least 6 musical artists you like to listen to. Add a class to each list item that matches the genre of music of that artist.


  16. Describe the difference between block, inline-block and inline elements.
    17. Block is where the element will start on a new line and takes up the full width. Inline-block is where the element will not create a new line but continue, it takes up only necessary amount in width. And inline element, Inline is like inline-block, but can set a width and height of element that it takes up.
  17. Use CSS to style the musical genre classes you added in question 9. Give each genre a color and personality using CSS.
  18. Use any CSS knowledge you currently have to style your questionnaire in a unique way. Make sure to update the font to something other than the default (use the font-family css property).
  19. In a `script` tag, use the console.log function to write a message to the console (Cmd+Opt+U). Tell me something interesting about yourself.
  20. Add a `button` to your HTML file and make it do something when clicked using JavaScript